<template>
  <div>
    <a-row :gutter="16">
      <a-col :span="6">
        <ChainItem title="用户趋势" quota="memberTrends" chart-type="line"/>
      </a-col>
      <a-col :span="6">
        <ChainItem title="分享量" quota="shareTrends" chart-type="bar"/>
      </a-col>
      <a-col :span="6">
        <ChainItem title="文章趋势" quota="articleTrends" chart-type="line"/>
      </a-col>
      <a-col :span="6">
        <ChainItem title="点击量" quota="clickTrends" chart-type="bar"/>
      </a-col>
    </a-row>
  </div>
</template>

<script lang="ts" setup>
  import ChainItem from './chain-item.vue';
</script>
